<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>codefun</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="activity.css" />
    <script type="text/javascript" src="./SAASDUNK_Activity_1.js"></script>
  </head>
  <body>
    <div class="flex-row page">


        <div class="flex-col group_6">
          <div class="flex-col justify-start items-center self-start text-wrapper_2">
            <span class="text_7">Activity Feed</span>
          </div>
          <div class="flex-row group_8 space-x-20">
            <div class="flex-col flex-auto relative group_9">
              <div class="flex-col justify-start section_4">
                <div class="flex-col section_5">
                  <div class="flex-row justify-between group_10">
                    <div class="flex-col self-center space-y-16">
                      <div class="flex-row space-x-22">
                        <img
                          class="image_6"
                          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273169546202682.png"
                        />
                        <div class="flex-col group_13 space-y-14">
                          <div class="flex-row items-center group_14 space-x-7">
                            <span class="font_1 text_9">Carina Putri</span>
                            <span class="font_6 text_11">4 min ago</span>
                          </div>
                          <span class="font_8">Add 3 Photo to Album Project Omicreativora</span>
                        </div>
                      </div>
                      <div class="flex-row group_15 space-x-10">
                        <img
                          class="image_9"
                          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273173743867155.png"
                        />
                        <img
                          class="image_10"
                          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273173807079896.png"
                        />
                        <img
                          class="image_9"
                          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273175159861972.png"
                        />
                      </div>
                    </div>
                    <div class="flex-col justify-start items-start self-start image-wrapper">
                      <img
                        class="image_8"
                        src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273175677152277.png"
                      />
                    </div>
                  </div>
                  <img
                    class="image_16"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273173658210106.png"
                  />
                  <div class="flex-row justify-between items-center group_20">
                    <div class="flex-row">
                      <img
                        class="image_6"
                        src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273169783296547.png"
                      />
                      <div class="flex-col group_21 space-y-14">
                        <div class="flex-row items-center group_22 space-x-6">
                          <span class="font_1 text_18">Alexander Xabi</span>
                          <span class="font_6 text_11">4 min ago</span>
                        </div>
                        <span class="self-start font_8 text_19">Add 1 PDF Client Brief</span>
                      </div>
                    </div>
                    <img
                      class="image_8 image_18"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273175677152277.png"
                    />
                  </div>
                  <div class="flex-col justify-start items-center self-start section_8">
                    <div class="flex-row group_26 space-x-18">
                      <div class="flex-col justify-start items-center relative group_27">
                        <img
                          class="image_21"
                          src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273129262259180.png"
                        />
                        <div class="flex-col justify-start items-center text-wrapper_4 pos_8">
                          <span class="text_25">PDF</span>
                        </div>
                      </div>
                      <div class="flex-col space-y-10">
                        <span class="font_8 text_22">Monetization brief.pdf</span>
                        <div class="flex-row items-center">
                          <span class="font_11 text_26">Jan 16, 2020</span>
                          <div class="section_9"></div>
                          <span class="font_9 text_27">14.1Mb</span>
                        </div>
                      </div>
                    </div>
                  </div>
                  <img
                    class="image_16 image_24"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273173658210106.png"
                  />
                  <div class="flex-row justify-between items-center group_6 view">
                    <div class="flex-row space-x-24">
                      <img
                        class="image_6"
                        src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273170080318260.png"
                      />
                      <div class="flex-col group_33 space-y-14">
                        <div class="flex-row items-center group_34 space-x-6">
                          <span class="font_1 text_31">Donal Trunk</span>
                          <span class="font_6 text_11">4 min ago</span>
                        </div>
                        <span class="font_8">Update Project Progress Mahameru</span>
                      </div>
                    </div>
                    <img
                      class="image_8 image_27"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273175677152277.png"
                    />
                  </div>
                  <div class="flex-row relative group_36">
                    <img
                      class="image_29"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273175491122062.png"
                    />
                    <img
                      class="image_29 image_30"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273175491122062.png"
                    />
                    <img
                      class="image_29 image_31"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273175491122062.png"
                    />
                    <div class="flex-col justify-start items-end group_37 pos_9">
                      <img
                        class="image_29"
                        src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273176625373781.png"
                      />
                      <div class="divider pos_11"></div>
                    </div>
                    <div class="section_10 pos_10"></div>
                  </div>
                  <div class="flex-row items-center group_38 space-x-105">
                    <span class="font_12 text_11">Step 1</span>
                    <span class="font_12 text_11">Step 2</span>
                    <span class="font_12 text_11">Step 3</span>
                    <span class="font_6 text_11 text_33">Finish</span>
                  </div>
                  <img
                    class="image_16"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273173658210106.png"
                  />
                  <div class="flex-row items-center group_40 space-x-6">
                    <span class="font_1 text_35">Donal Trunk</span>
                    <span class="font_6 text_11">4 min ago</span>
                  </div>
                </div>
              </div>
              <span class="self-start font_8 text_36">Update Project Progress Mahameru</span>
              <img
                class="image_6 pos_12"
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273170080318260.png"
              />
              <img
                class="image_8 pos_13"
                src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273175677152277.png"
              />
            </div>
            <div class="flex-col shrink-0 section_6">
              <div class="flex-row group_12 space-x-220">
                <span class="text_10">Activity</span>
                <div class="flex-col justify-start items-center shrink-0 text-wrapper_3">
                  <span class="font_7">5</span>
                </div>
              </div>
              <div class="flex-col group_16">
                <div class="flex-row items-center group_12 space-x-94">
                  <div class="flex-row">
                    <img
                      class="image_11"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273166685140132.png"
                    />
                    <div class="flex-col items-start self-center group_18 space-y-12">
                      <span class="font_1 text_12">Alexander Xabi</span>
                      <span class="font_9 text_11">Illustator</span>
                    </div>
                    <img
                      class="self-start image_13 image_14"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273166987692019.png"
                    />
                  </div>
                  <div class="flex-col items-end space-y-14">
                    <span class="font_7 text_13">3</span>
                    <span class="font_10 text_11 text_14">1 min ago</span>
                  </div>
                </div>
                <div class="flex-row relative section_7">
                  <img
                    class="image_15 pos"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273123368252499.png"
                  />
                  <img
                    class="image_11 pos_2"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273167440126284.png"
                  />
                  <span class="font_1 text_16 pos_3">Carina Putri</span>
                  <img
                    class="image_13 pos_4"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273166987692019.png"
                  />
                  <span class="font_11 text_11 pos_5">Project Manager</span>
                  <span class="font_10 text_11 text_17 pos_6">4 min ago</span>
                  <img
                    class="image_15 pos_7"
                    src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273123368252499.png"
                  />
                </div>
                <div class="flex-row group_23 space-x-140">
                  <div class="flex-row shrink-0 self-center">
                    <img
                      class="image_11"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273168173915354.png"
                    />
                    <div class="flex-col items-start self-center group_24 space-y-12">
                      <span class="font_1 text_20">Donal Trunk</span>
                      <span class="font_9 text_11">UX Writer</span>
                    </div>
                    <img
                      class="self-start image_13 image_19"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273166987692019.png"
                    />
                  </div>
                  <span class="self-start font_10 text_11 text_21">14.30</span>
                </div>
                <img
                  class="image_15"
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273123368252499.png"
                />
                <div class="flex-row group_28 space-x-90">
                  <div class="flex-row shrink-0">
                    <img
                      class="image_11"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273168397502150.png"
                    />
                    <div class="flex-col items-start self-center group_29 space-y-10">
                      <span class="font_1 text_24">Albert Mustang</span>
                      <span class="font_11 text_11 text_28">Developer</span>
                    </div>
                    <img
                      class="self-start image_13 image_22"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273166987692019.png"
                    />
                  </div>
                  <span class="self-start font_10 text_11 text_29">4 min ago</span>
                </div>
                <img
                  class="image_15 image_23"
                  src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273123368252499.png"
                />
                <div class="flex-row group_30 space-x-38">
                  <div class="flex-row shrink-0 self-center">
                    <img
                      class="image_11"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273167440126284.png"
                    />
                    <div class="flex-col items-start self-center group_31 space-y-10">
                      <span class="font_1 text_30">Njonja Meneer Kinasih</span>
                      <span class="font_11 text_11">Product Designer</span>
                    </div>
                    <img
                      class="self-start image_13 image_25"
                      src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/653141d85a7e3f0310825e56/653efd83f9a7df0012204c27/16986273166987692019.png"
                    />
                  </div>
                  <span class="self-start font_10 text_11 text_32">4 min ago</span>
                </div>
              </div>
              <div class="flex-col justify-start items-start text-wrapper_5">
                <span class="font_1 text_34">View All</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>